<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    body{
        background-color: rgb(243, 236, 236);
    }
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    .ka {
        width: 234px;
        height: 280px;
        background-color: rgb(255, 255, 255);
        margin: 100px auto;
    }

    .d1 {
        padding: 20px;
    }

    .p1 {
        font-size: 15px;
    }

.d2{

        height: 50px;
        width: 200px;
        font-size: 12px;
        margin: 12px 0 0 0;
        color: rgb(221, 217, 209);
    }

    .p2 span {
        font-size: 12px;
        color: orange;
    }
</style>

<body>
    <div class="ka">
        <img src="C:\Users\Administrator\Desktop\05CSS\homework\02-作业\01-卡片模块案例★★★\images\product.png" />
        <div class="d1">
            <p class="p1">Android网络图片加载框架详解</p>
            <div class="d2">
                <p class="p2"><span>高级</span>• 1125人在学习</p>
            </div>
        </div>

</body>

</html>